<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ZOL收银台</title>
<link href="__ORDER__/css/navigation.css" rel="stylesheet" type="text/css">
<link href="__ORDER__/css/payment_104.css" rel="stylesheet" type="text/css">
<script src="__ORDER__/js/jquery.js"></script>	
<style>
	body a { cursor:pointer; }
	.layerbox-overlay { 
			background: #4C4646; 
			filter: alpha(opacity=70); 
			opacity: 0.7; 
			-moz-opacity: 0.7; 
			width: 100%; 
			height: 100%; 
			position: fixed; 
			top: 0; 
			left: 0; 
			z-index: 1000; 
			_position: absolute; 
			_height: expression(documentElement.offsetHeight +"px"); 
			_top: expression(documentElement.scrollTop +"px"); 
		}
</style>
</head>

<body>

<div class="header clearfix">
	<div class="logo">
		<a>				
		<img src="__ORDER__/img/sc_logo.png" height="46">		
		</a>
		<span class="title">收银台</span>
	</div>
</div>
<!-- //header -->
<volist name="res" id="v">
<{$pro}>
<input type="hidden" name="id" value="<{$v.id}>">
<div class="wrapper">
	<div class="payment-box">
		<div class="order-status-box">
			<div class="submit-complete clearfix">
				<div class="order-status">
					<h3 class="prompt">订单已提交，请在	<span>24小时</span>内完成付款（逾期自动取消）</h3>
					<div class="details">
						<p> <span>您的订单号：<{$v.ordid}></span>  <volist name="pro" id="vo"><span class="label">商品名称：【顺丰包邮】<{$vo.goods_desc}>等</span></volist></p>					
						<p><span>收货人：<{$v.person}></span><span><{$v.mobie}></span> <span class="label">收货地址：<{$v.xxaddress}> </span></p> 
					</div>
				</div>
				<div class="amount-code">
					<div class="code">
						<div class="code-innder">
							<!-- 淘宝二维码 -->
							<iframe src="" width="75px" id="qrcode-ali" height="75px" frameborder="0" scrolling="no"></iframe>
							<span class="code-name">支付宝扫码支付</span> 
						</div>				
					</div>
					<div class="price">应付金额<span>￥<{$v.money}> </span>元</div>
				</div>
			</div>
		</div>
		
		<div class="payment-way"><dl class="third-party" id="thirdpaySpanDiv">
					<dt id="third_dt"><span id="third_span" class="radiobox radiobox-selected"></span>第三方支付平台：</dt>
					<dd class="clearfix">
						<div id="ali_way_selected" class="way-selected"><a href="" class="classa selected" id="alipay_span">
						<img src="__ORDER__/img/alipay.png" width="138" height="38"></a><a href="javascript:void(0);" class="classa" id="wxpay_span">
						<img src="__ORDER__/img/weixin.png" width="138" height="38"></a>	
						<span id="pay_amount_span" class="pay-amount" style="">支付<em>￥<{$v.money}></em>元</span></div>
					</dd>
				</dl>

			<!-- ----------------第三方支付----------------------- 			-->
			<dl id="bankPayDl" class="third-party">
				<dt id="bank_dt"><span id="bank_span" class="radiobox"></span>银行卡支付：</dt>
				<!--上次使用的银行卡-->
				<dd id="bank_clearfix" class="clearfix" style="display: none;"></dd>
				<!--新银行卡对应的银行信息-->
				<dd id="bank_dd" class="bank-box" style="display: none;">
					<ul class="tab-bar clearfix">
						<li id="bank_pay_li" class="current">个人网银</li>
						<li id="moto_pay_li">信用卡</li>
					</ul>
					<!-- 支付宝网银 -->
					<div class="bank-list clearfix" id="bank_pay_list" style="display: none;"> 
						<a data-type="ICBC-DEBIT" class="gongshang"></a> 
						<a data-type="ABC" class="nongye"></a> 
						<a data-type="CMB-DEBIT" class="zhaoshang"></a> 
						<a data-type="CCB-DEBIT" class="jianshe"></a> 
						<a data-type="CIB" class="xingye"></a> 
						<a data-type="CMBC" class="minsheng"></a> 
						<a data-type="BOC-DEBIT" class="zhongguo"></a> 
						<a data-type="SHRCB" class="sh-nongshang"></a> 
						<a data-type="COMM-DEBIT" class="jiaotong"></a> 
						<a data-type="PSBC-DEBIT" class="youzheng"></a> 
						<a data-type="BJBANK" class="beijing"></a> 
						<a data-type="BJRCB" class="bj-nongshang"></a> 
						<a data-type="HZCBB2C" class="hangzhou"></a> 
						<a data-type="NBBANK" class="ningbo"></a> 
						<a data-type="SHBANK" class="shanghai"></a> 
						<a data-type="SPA-DEBIT" class="pingan"></a> 
					</div>
					<!-- 支付宝慧付宝组合网银 -->
					<div class="bank-list clearfix" id="moto_pay_list" style="display: none;"> 
						<a data-type="CMB" class="zhaoshang"></a> 
						<a data-type="CCB" class="jianshe"></a> 
						<a data-type="ICBCB2C" class="gongshang"></a> 
						<a data-type="BOCB2C" class="zhongguo"></a> 
						<a data-type="ABC" class="nongye"></a> 
						<a data-type="SPABANK" class="pingan"></a> 
						<a data-type="CIB" class="xingye"></a> 
						<a data-type="GDB" class="gd-fazhan"></a> 
					</div>
				</dd>
			</dl>
			
			<div id="operation_div" class="operation  clearfix"> 
			<a id="can_pay_submit" style="display: block;" class="pay-submit-btn">立即支付</a> 	
			<span id="can_pay_tips" class="tips" style="color:#F60">提示： 若订单金额大于您的网络支付单笔交易限额，您可以拍下多个订单，并致电客服给您拆单再进行分单付款，客服电话400-678-0068；</span>	
			</div>
			<div class="pay-problem">
					<h4>常见支付问题</h4>
					<ol>
						<li>
							<h5>1. 支付金额超过网银支付的单笔限额怎么办?</h5>
							<p>若支付金额超过您的网银单笔交易限额，您可以下多个订单，并致电客服400-678-0068，由我们客服给您拆单再进行分单付款；或致电银行取消限额。</p>
						</li>
						<li>
							<h5>2. 网上银行/支付宝/微信已扣款有消费记录，但订单上还显示"等待买家付款" ?</h5>
							<p>出现此问题，可能是银行/支付宝/财付通的数据没有即时传输至我们收银台，请您第一时间与我们客服联系400-678-0068告知订单信息，我们将协助您解决。</p>
						</li>
						<li>
							<h5>3. 支付宝余额有足额的金额，却无法用余额付款</h5>
							<p>可能由于您支付宝账户没有实名认证，建议您去支付宝网页申请实名认证。</p>
						</li>
					</ol>
					<p class="more">
						<a href="https://cashier.zol.com/paygate/pay/help?pid=104&amp;orderSn=f0da63008f9463b5f9983011a170367e&amp;id=CNpBAWeW4s8z%2F55tholTUdh9ZHT0aI5EyvgZd8UEUEQ%3D" id="helpLink" target="_blank">查看更多支付帮助&gt;</a>&nbsp;&nbsp;
						<a href="https://cashier.zol.com/paygate/pay/advice?pid=104&amp;orderSn=f0da63008f9463b5f9983011a170367e&amp;id=CNpBAWeW4s8z%2F55tholTUdh9ZHT0aI5EyvgZd8UEUEQ%3D" id="adviceLink" target="_blank">问题反馈&gt;</a>
					</p>
				</div>
			
		</div>
	</div>
</div>
</volist>
<!-- 公共底部 -->


<div class="footer">
	<p class="links"><a target="_blank" href="">关于商城</a>|<a target="_blank" href="">营销中心</a>|<a target="_blank" href="">服务中心</a>|<a target="_blank" href="">联系我们</a>|<a target="_blank" href="">发展历程</a>|<a target="_blank" href="">媒体报道</a></p>
	<p><span class="copyright"><!--<i></i>-->©2016. 中关村在线 版权所有. 京ICP备09041801号-182 <a target="_blank" href="">京ICP证010391号</a></span></p>
	<div class="authentication">
		<a target="_blank" href="">
			<img width="108" height="40" alt="经营性网站备案信息" src="__ORDER__/img/beian.png">
		</a>
		<a target="_blank" href="">
			<img width="108" height="40" alt="海淀网络警察提醒您" src="__ORDER__/img/jingcha.png">
		</a>
		<a target="_blank" href="" id="___szfw_logo___">
			<img src="__ORDER__/img/cert.png">
		</a> 
	</div>

</div>
<!-- //公共底部 --> 
<!-- 确认付款弹层1 -->
	<!--付款确认弹框-->
	<div class="confirm-box" id="result-show" style="display:none;">	
		<h4>支付完成,您已成功付款<a style="color:red"><{$v.money}></a>元</h4>
		<div class="clearfix two-link">	       
			<a href="<{:U('Order/orderList')}>">去订单查看</a>	
		</div>
	</div>
	
<!-- //确认付款弹层1 --> 
<!-- 全屏遮罩 -->
<div id="layerbox_overlay" class="layerbox-overlay" style="display:none;"></div>
<!-- //全屏遮罩 -->


<div class="zs-layer-box" id="zs-shop-cart-box" style="display:none;">
	<div class="zs-layer-body">
		<div class="zs-layer-hd"><i class="zs-close"></i></div>
		<div class="zs-layer-content">
			<div class="zs-success">
				<h3>请输入您的支付密码?</h3>
				<input type="password" name="pwd" value="" class="pwd">
			</div>
		</div>
		<div class="zs-layer-foot"> 
			<input name="showcarAllsure" type="button" value="确定支付" class="zs-settlement-btn" id="zhifu">
			<input name="showcarAllcancel" type="button" value="取消" class="zs-settlement-btn" id="quxiao">
		</div>
	</div>
</div>
<!--  操作JS -->
<script>

	$(".pay-submit-btn").click(function(){
		$(".zs-layer-box").show();
	});

	$("quxiao").click(function(){
		$(".zs-layer-box").hide();
	});

	$("#zhifu").click(function(){
		if($(".pwd").val()==""){
			alert('请输入密码');
		}else{
			var ordnow = 3;
			var id = $("[name='id']").val();
			console.log(id);
			$.post('<{:U("paySave")}>',{id:id,ordnow:ordnow},function(data){
				if(data.status){
				$("#result-show").show();
				$("#layerbox_overlay").show();
				}
			},"json");
		}
	});
		


</script>

</body></html>